<script lang="ts" setup></script>

<template>
  <!-- 帮助链接、 -->
  <div class="help">
    <h3 style="margin-bottom: 30px">帮助链接</h3>
    <div class="help-guidelines" v-for="item in 4" :key="item">
      <a-image style="width: 20px" :preview="false" src="/src/assets/common/support.png" mode="scaleToFill"></a-image>
      <p class="help-guidelines-text">入门指南</p>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.help {
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  background-color: white;

  &-guidelines {
    display: flex;
    align-items: center;
    background-color: #f5f6f8;
    margin-top: 10px;
    padding: 13px 10px;
    border-radius: 5px;

    &-text {
      margin: 0 auto;
      margin-left: 10px;
    }
  }
}
</style>
